<!doctype html>
<html>
<head>
<meta charset="utf-8">
  <title>北大青鸟课程导航</title>
    <style>
        body, ul, li, h1 {
            padding: 0px;
            margin: 0px;
        }
        li {
            list-style: none;
        }
        div {
            width: 220px;
            border: 1px #aacbee solid;
            padding: 0px 0px 10px 0px;
            background-color: #f5f9fc;
            margin: 0px auto;
        }
        h1 {
            background: url(../../Users/86176/Documents/%E6%9C%AA%E5%91%BD%E5%90%8D%E7%AB%99%E7%82%B9%202/title_icon01.gif) 5px 8px no-repeat;
            padding-left: 25px;
            color: #1f376d;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
        }
        ul {
            padding: 0px 5px;
        }
        li {
            height: 30px;
            background: url(../../Users/86176/Documents/%E6%9C%AA%E5%91%BD%E5%90%8D%E7%AB%99%E7%82%B9%202/submenu02.gif) right center no-repeat;
            line-height: 30px;
            padding-left: 5px;
            border-top: 1px #cfe2f5 solid;
        }
        a {
            text-decoration: none;
            color: #000000;
        }
        a:hover {
            text-decoration: none;
            color: #FF6215;
        }
    </style>
</head>
<body>
<div>
    <h1>课程导航</h1>
    <ul>
        <li><a href="#">ACCP 软件工程师</a></li>
        <li><a href="#">BTEST 软件测试工程师</a></li>
        <li><a href="#">BENET 网络工程师</a></li>
        <li><a href="#">JBNS 网站工程师</a></li>
        <li><a href="#">ACCP 启蒙星</a></li>
        <li><a href="#">ANDROID 软件工程师</a></li>
        <li><a href="#">JAVA 软件工程师</a></li>
        <li><a href="#">.NET 软件工程师</a></li>
        <li><a href="#">网络营销</a></li>
    </ul>
</div>
</body>
</html>